<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="box" class="" style=""></div>
    <script>
        /*
           复杂类型- 对象类型--复合类型-
        */

        // 对象--键值对的集合
        // name 就是键--属性名--可以加引号，也可以不加引号
        // 孙俪是是值--属性值
        var obj = {
            "name": "孙俪",//姓名
            age: 18,//年龄
            flag: true,//目标
            dog: null,//他的宠物狗
            cat: {
                name: '小菜',
                age: 1
            },
            hb: {
                name: '邓超',
                age: 30
            }

        };

        // 使用对象的属性
        console.log(obj.name);
        console.log(obj.hb);
        console.log(obj.hb.name);

        // 获取name属性 等同于 obj.name
        console.log(obj['name']);
        console.log(obj['hb']['name']);

        // 修改属性值
        obj.age = 19;

        console.log(obj);


        // object 对象typeof的结果也是 object
        console.log(typeof obj);



    </script>

</body>

</html>